body{background: #ededed;position: relative;}
header {height: 78px;background: url(../images/header_bg.png) 0 50% no-repeat;}
header .logo{float: left;margin-left: 130px;line-height: 78px;width: 171px;font-size: 0;background: url(../images/logo.png) 0 50% no-repeat;}
header .top-left{float: right;display: flex;justify-content: space-between;width: 550px;height: 78px;margin-right: 130px;}
.count{height: 34px;margin-top: 22px;font-size: 16px;}
.count-title{color: white;}
.count-time{width: 35px;height: 34px;display: inline-block;font-size: 17px;font-weight: 600;line-height: 34px;text-align: center;;margin: 0 4px;;background: url(../images/count_bg.png) no-repeat;background-position: 2px 0;}
.uesr-info{display: flex;justify-content: center;line-height: 34px;margin-top: 22px;}
.info-list{color: white;font-size: 15px;}
.rank{color: #eaa327;}
.rank-icon{width: 40px;height: 40px;display: inline-block;vertical-align: middle;margin: -1px 8px 0;background: url(../images/vip_icon.png) no-repeat;}
.user-name{margin: 0 8px;}
.user-name span{margin: 0 6px;}
.user-logout button{width: 56px;padding: 2px;cursor: pointer;background: #b4b1b1;color: white;}

.wrapper {padding: 0;margin: 15px 0;overflow:hidden;}
.han-col {position: relative; float: left;}
.main {width: 100%;}
.index{margin-left: 130px;display: flex;}
.teacher-info-wrap{width: 1118px;height: 114px;background: #fff;box-shadow: 0px 0px 10px #bcbcbc;}
.teacher-icon{display: block;width: 94px;float: left;}
.teacher-info{float: left;padding-top: 15px;margin-left: 20px;}
.teacher-info p{line-height: 1.8;font-size: 20px;font-weight: 600;letter-spacing: 1.8px;margin-top: 4px;}
.teacher-info p:first-of-type{letter-spacing: 2.4px;}
.teacher-info p:first-of-type span{font-size: 15px;letter-spacing: 1.2px;color: #fff;padding: 6px 12px;background: #f7b236;border-radius: 4px;}
.primary-video-wrap{width: 1118px;height: 680px;background: #15778f;margin: 10px 0}
.notice-bar{position: relative;width: 100%;height: 60px;background: #262520}
.notice-title{position: absolute;top: 0;width: 1118px;font-size: 20px;text-align: center;line-height: 60px;color: white;
    background: url(../images/notice_icon.png) no-repeat;}
.wel-degree{float: right;margin-right: 40px;}
.wel-degree li{display: inline-block;line-height: 114px;font-size: 15px;}
.collect .collect-icon,.view .view-icon{width: 30px;height: 29px;display: inline-block;vertical-align: middle;
    margin: -4px 8px 0;}
.collect .collect-icon{background: url(../images/collect_icon.png) no-repeat;}
.view .view-icon{margin-left: 30px;background: url(../images/view_num.png) 5px 8px  no-repeat;}

.index-aside{width: 525px;margin-left: 10px;}
.minor-video-wrap{height: 340px;width: 100%;background: #d0A98c;}
.chat-wrap{width: 100%;height: 518px;background: #dbdbdb;margin-top: 15px;box-shadow: 0px 0px 10px #bcbcbc;}

.advert{position: relative;;margin-left: 130px;height: 271px;margin-bottom: 25px;width: calc(100% - 240px);height: 300px;margin-top: 40px;overflow: hidden;} /*background: #8fc3c7*/
.slide-wrap{position: relative;width: 2162px;}

.slide-wrap div{float: left;width: 498px;overflow: hidden;position: relative;height: 266px;}
.slide-wrap div::after{content: '';display: block;position: absolute;top: 0;bottom: 0;right: 0;left: 0;height: 270px;background: rgba(0, 0, 0, 0.4);}
.slide-wrap div.active::after{background:none;}
.slide-wrap img{width: 667px;display: inline-block;}
.slide-wrap div.active{width: 667px;}
.slide-nav {position: absolute;bottom: 10px;left: 0;width: 100%;text-align: center;}
.slide-nav .slide-nav-bullet{ display: inline-block;width: 6px;height: 6px;border-radius: 50%;background: #777;
        margin: 0 6px;cursor: pointer;opacity: .7;}
.slide-nav .slide-nav-bullet.active{width: 26px;border-radius: 10px;background: #eaa327}

.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
  -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;
  -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.class-table{height: 580px;display: flex;margin: 0 120px 25px 130px;}
.class-assign{width: 50%;height: 100%;}
.class-assign:first-of-type{padding-right: 10px}
.class-assign:last-of-type{padding-left: 10px;}
.table-title{height: 56px;background: #FFF;padding: 0 15px;;margin-bottom: 15px;border-radius: 16px;;}
.table-title>h2,.table-title ul li>h2,.teamifo-tilte h2{line-height: 56px;letter-spacing: 2px;font-size: 17px;position: relative;}
.title-icon{width: 32px;height: 32px;display: inline-block;vertical-align: middle;margin-right: 10px;;background: pink;}
.schedule .table-title .title-icon{width: 26px;background: url(../images/class_icon.png) no-repeat;}
.newsinfo-wrap .finance .title-icon{width: 30px;height: 35px;background: url(../images/calendar.png) no-repeat;}
.newsinfo-wrap .invest .title-icon{width: 31px;background: url(../images/invest.png) no-repeat;}
.newsinfo-wrap .informat .title-icon{width: 38px;background: url(../images/informat.png) no-repeat;}
.table-title ul{display: flex;justify-content: space-between;padding: 0 40px;}
.table-title ul li h2.active::after{content: '';display: inline-block;width: calc(100% + 10px);background: #f8ba63;height: 3px;
    position: absolute;bottom: 0;left: -4px;}
.table-title ul li h2.active{color: #ba9c74;}
.table-title ul li>h2{cursor: pointer;}

.table-content{height: 510px;background: #fff;padding: 10px 20px;position: relative;box-shadow: 0px 0px 10px #b6b0b0}
.table-content>ul,.table-content .day-new>ul{display: flex;justify-content: space-between;padding: 0 4px 10px 4px;border-bottom: 1px solid #bfbfbf;}
.table-content>ul li,.table-content .day-new>ul li{width: 100px;height: 40px;line-height: 40px;text-align: center;color: #acacac;position: relative;cursor: pointer;}
.weekday{position: absolute;width: 95%;height: calc(100% - 90px);background: #fff;overflow: scroll;}
.weekday::-webkit-scrollbar{width:10px;height:10px;}

.schedule .table-content>ul li.active::after,.newsinfo-wrap .table-content .day-new>ul li.active::after{content: '';display: inline-block;width: 100%;height: 3px;background: #f8ba63;position: absolute;bottom: -10px;left: 0;}
.schedule .table-content>ul li.active h2,.newsinfo-wrap .table-content ul li.active h2{color: #ba9c74;}
.weekday table{width: 99%;table-layout: fixed;margin-top: 5px}
.weekday table tr.active{background: #ffe3bc;border-radius: 10px;box-shadow: 0px 7px 12px #cfcfcf;}
.monday{z-index: 9;}
.weekday table tr td{ border-bottom: 1px solid #dcdfe1;padding: 16px 14px;vertical-align: middle;font-size: 14px;font-weight: normal;text-align: left;word-wrap: break-word;transition: all .3s ease-out;}
.icon-nude{ width: 30px;height: 30px;min-width: 30px;display: inline-block;vertical-align: middle;margin-bottom: 4px;margin-right: 6px;
  background: url(../images/videoing.png) center no-repeat;background-size: 28px;}
.icon-nude-videoed{background: url(../images/videoed.png) center no-repeat;background-size: 28px;}
.icon-nude-videoing{background: url(../images/videoing.png) center no-repeat;background-size: 28px;}
.icon-nude-seconding{background: url(../images/seconding.png) center no-repeat;background-size: 28px;}
.icon-nude-seconded{background: url(../images/seconded.png) center no-repeat;background-size: 28px;}
.day-new{position: absolute;width: calc(100% - 60px);height: calc(100% - 40px); background: #fff;overflow: scroll;}
.change-btn{width: 100%;height: 42px;margin-bottom: 6px;}
.change-btn button{width: 49%;height: 32px;line-height: 32px;margin-top: 8px;outline: none;cursor: pointer;background: #8b8888}
.change-btn button:last-of-type{margin-left: 5px;float: right;background: #fff;border: 1px solid #8b8888;border-radius: 3px;}
.finance-content .weekday table tr td{text-align: center;border: 1px solid #dcdfe1;}
.finance-content .weekday table tr th{background: #8b8888;height: 32px;}
.finance-content .weekday{width: 100%;height: calc(100% - 70px);}
.finance-content .weekday .event-con{text-align: left;}
.finance-content .weekday tr td:first-of-type{width: 10%;}
.finance-content{z-index: 9;}
.table-content .day-new.informat-content ul li{line-height: 56px;}
.day-info-content{padding: 10px 0;height: calc(100% - 110px);}
.day-new::-webkit-scrollbar{width:10px;height:10px;}
.day-info-content .info h3{background: #535353;width: 106px;height: 28px;line-height: 28px;
    text-align: center;letter-spacing: 1.8px;color: #fff;border-radius: 4px;}
.info1-content{background: #eaeaea;margin: 10px 0;padding: 8px 25px;border-radius: 6px;}
.info1-content p{line-height: 2;color: #535353;}
.info>p{line-height: 1.8;background: #eaeaea;padding: 2px 25px;margin: 8px 0;border-radius: 4px;}
.info2>p>span,.info3>p>span{margin-right: 30px;}
.info2>p{color: red;letter-spacing: 3px;color: #ed4343;font-weight: 600;font-size: 16px;letter-spacing: 3px;}
.info3>p{color: white;letter-spacing: 3px;background: #e9971b;}
.invest-content .day-info-content .info>h3{background: #b99467;}
.invest-content .day-info-content .info{letter-spacing: 1.6px;}

.techer-info{position: relative;;height: 560px;margin-bottom: 25px;padding: 10px 120px 0 130px;background: #fff;z-index: 10;}
.teamifo-tilte {padding: 0 15px;}
.teamifo-tilte .title-icon{width: 45px;height: 39px;background: url(../images/teams.png)}
.teamifo-tilte h2{}
.teaminfo-content{position: relative;}
.teaminfo-content dl{display: inline-block;padding-top: 10px;vertical-align: top;}
.teaminfo-content dl:nth-of-type(3){padding: 0}
.teaminfo-content dl dt,.teaminfo-content dd{float: left;}
.teaminfo-content dl dt img{width: 216px;}
.teaminfo-content dl .info-content{position: relative;;width: 0px;height: 414px;background: #5b5b5b;transition: all .4s;}
.teaminfo-content dl .info-content.active{width: 324px;}
.info-content.active .info-content-ph{padding: 35px 25px;width: 324px;}
.info-content .info-content-ph p{font-size: 0;transition: all .2s;}
.info-content.active .info-content-ph p{font-size: 15px;line-height: 30px;letter-spacing: 1.4px;color: white;transition-delay:0;}
.info-content.active .info-content-pic{position: absolute;bottom: 0;width: 100%;height: 72px;background: url(../images/intro.png)}
.info-content.active .info-content-pic span{display: inline-block;line-height: 70px;color: white;}
.info-content-pic span:first-of-type,.load-fire,.info-content-pic button{font-size: 0;transition: all .2s}
.info-content.active .info-content-pic span:first-of-type{text-indent: 10px;font-size: 17px;letter-spacing: 1.4px;}
.info-content.active .load-fire{font-size: 12px;text-indent: 12px;background: url(../images/fire.png) 0 50% no-repeat;margin: 0 4px;}
.info-content.active .info-content-pic button{font-size: 12px;padding: 3px 10px;color: white;margin-left: 4px;background: #F7B138}


.event-video{margin: 0 120px 25px 130px;border: 1px solid #d3d2d2;background: #fff;box-shadow: 0px 1px 10px #e2e2e2;}
.event-title{height: 70px;width: 100%;padding: 15px 30px;}
.event-title ul{padding: 8px 20px 0;border-bottom: 1px solid #535353;}
.event-title ul li{display: inline-block;width: 110px;font-size: 18px;font-weight: 600;line-height: 32px;padding-bottom: 8px;letter-spacing: 2.8px;text-align: center;margin-right: 80px;cursor: pointer;}
.event-title ul li.active{color: #f8ba63;border-bottom: 3px solid #f8ba63;}
.event-content{height: 380px;width: 100%;transition: all .4s;}
.event-content{padding: 15px 30px;position: relative;}
.event-content>div{position: absolute;width: calc(100% - 60px);height: calc(100% - 40px);background: #fff;padding-top: 15px;}
.event-content>div.active{z-index: 2;}
.video-list{width: 33%;display: inline-block;position: relative;padding: 2px 6px;margin-bottom: 40px;}
.contest_video,.video-img-wrap{position: relative;}
.video-title{height: 70px;background: dimgrey;}
.video-title>p{color: #fff;letter-spacing: 2px;}
.video-title>p:first-of-type{font-size: 18px;font-weight: 500;text-indent: 20px;letter-spacing: 2px;line-height: 15px;padding-top: 28px;}
.video-title>p:last-of-type{font-size: 13px;text-align: right;margin-right: 15px;}
.shade-wrap{position: absolute;top: 0;bottom: 0;right: 0;left: 0;background: rgba(0, 0, 0, 0.72);opacity: 0;transition: all .4s;}
.share-and-play{position: absolute;top: 50%;left: 50%;margin-top: -20px;margin-left: -92px;}
.share-and-play>div{display: inline-block;width: 59px;height: 59px;margin-right: 50px;cursor: pointer;}
.share-and-play>div.share-icon{background: url(../images/share.png) no-repeat;}
.share-and-play>div.play-icon{background: url(../images/play.png) no-repeat;}
div.share-flat-icon{position: absolute;height: 40px;width: 200px;top: -60%;left: -16px;opacity: 0;transition: all .6s;}
.share-and-play>div.share-icon:hover + div.share-flat-icon{opacity: 1;}
.video-list>div:hover .shade-wrap{opacity: 1;}
.share-flat-icon a span{display: inline-block;width: 29px;height: 29px;background: url(../images/QQ.png);margin-left: 17px;}
.share-flat-icon a span.weChat{background: url(../images/weChat.png)}
.share-flat-icon a span.microblog{background: url(../images/microblog.png)}
.share-flat-icon a span.tieba{background: url(../images/tieba.png)}

.video-display-more,.seen-lessvideo-btn{display: none;}
.seen-morevideo-btn,.seen-lessvideo-btn{position: absolute;right: 8px;bottom: 0;cursor: pointer;}
.seen-morevideo-btn::before,.seen-lessvideo-btn::before{content: "";display: inline-block;width: 1px;height: 3px;border: 10px solid transparent;
    vertical-align: middle;margin-right: 10px;}
.seen-lessvideo-btn{bottom: 0}
.seen-morevideo-btn::before{border-top: 15px solid #f8ba63;margin-top: 8px;}
.seen-lessvideo-btn::before{border-bottom: 15px solid #f8ba63;margin-bottom: 8px;}
.seen-morevideo-btn span,.seen-lessvideo-btn span{font-size: 17px;font-weight: 600;letter-spacing: 2px;color: #5d5d5d;}



.business-intro{height: 300px;position: relative;z-index: 10;}
.carousel{position: absolute;width: 100%;}
.carousel .carousel-inner{position: absolute;z-index: 1;width: 5710px;}
.carousel .carousel-inner .item{float: left;width: 1903px;}
.item-aboutus-content{position: absolute;top: 0;bottom: 0;}
.item-aboutus-content>div{position: absolute;top: 50%;left: 130px;margin-top: -100px;}
.item-aboutus-content>div h3{font-size: 25px;line-height: 32px;letter-spacing: 2px;;margin-bottom: 35px;}
.item-aboutus-content>div h3 span{border-bottom: 3px solid #fff;line-height: 32px;padding-bottom: 10px;color: white;}
.item-aboutus-content>div p{font-size: 17px;letter-spacing: 1.6px;line-height: 42px;color: white;}
.item:last-of-type .item-aboutus-content>div p{color: black;}
.item:last-of-type .item-aboutus-content>div h3 span{color: black;border-bottom: 3px solid #000;}
.carousel-indicators,.item-aboutus-content>div h3 span{ bottom: 35px;}
.carousel-indicators li{width: 7px;height: 7px;background: #353535;border-radius: 50%;margin: 0 5px;cursor: pointer;}
.carousel-indicators li.on {width: 26px;height: 5px;margin-top: 1px;background: orangered;border-radius: 16px;}



/* 侧边栏导航 */
.han-left {width: 130px; height: 2880px; background: #ededed;position: absolute;top: 92px;}
.page-nav{width: 60px;height: 650px;position: fixed;top: 162px;left: 0px;background: url(../images/nav_bg.png);padding: 20px 0;
  border-bottom-right-radius: 10px;border-top-right-radius: 10px;z-index: 10;transition: all .4s;}
.page-nav li span{display: block;text-align: center;color: white;font-size: 14px;}
.page-nav li.active span{color: #f8ba63;}
.page-nav li::before{content: '';display: block;width: 60px;height: 35px;background: grey}
.page-nav li{margin-bottom:50px;cursor: pointer;}
.page-nav li:first-of-type{margin-top: 10px}
.page-nav li:nth-of-type(5){margin-bottom: 10px;}
.page-nav li:first-of-type::before{background: url(../images/nav_video.png) center no-repeat;}
.page-nav li:nth-of-type(2)::before{background: url(../images/nav_class.png) center no-repeat;}
.page-nav li:nth-of-type(3)::before{background: url(../images/nav_team.png) center no-repeat;}
.page-nav li:nth-of-type(4)::before{background: url(../images/nav_history.png) center no-repeat;}
.page-nav li:nth-of-type(5)::before{background: url(../images/nav_aboutus.png) center no-repeat;}
.page-nav::after{content: '';display: block;width: 60px;height: 60px;position: absolute;bottom: -70px;border-bottom-right-radius: 10px;border-top-right-radius: 10px;;background: url(../images/nav_down.png) no-repeat;}
/* .page-nav.top-after::after{background: url(../images/nav_top.png) no-repeat;} */
i.go-footer-btn{position: fixed;top: 822px;width: 60px;height: 60px;font-size: 0;cursor: pointer;  z-index: 10;}


.han-right {width: 120px; height: 2880px; background: #ededed;position: absolute;top: 92px;right: 0;}
footer {height: 270px;}
.footer-nav{height: 175px;width: 100%;background: #fff;padding: 15px 130px;}
.footer-nav ul{ border-bottom: 1px solid #525252;width: 70%;padding-bottom: 8px;}
.footer-nav ul li{ display: inline-block;width: 130px;  font-size: 16px;height: 32px;letter-spacing: 1.4px;line-height: 32px;}
.han-contast{padding-top: 20px;}
.han-contast p{line-height: 30px;font-size: 15px;letter-spacing: 1.4px;}
.copy-right{height: 98px;width: 100%;background: lightgrey;}
.copy-right p{line-height: 98px;font-size: 18px;font-weight:600;letter-spacing: 1.8px;text-align: center;color: #343434;}
